.pr { position: relative }
.pa { position: absolute }
.z10 { z-index:10; }
.cp { cursor: pointer; _cursor: hand }
.tr { text-align: right }
.tcer { text-align: center }
.tl { text-align: left }
.fr { _display: inline; float: right }
.fl { _display: inline; float: left }
.db { display: block }
.dn { display: none }
.fbd{ font-weight:bolder;}
.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 0px }
.container { width: 100%; }
.pt80 { padding-top: 4vw; }
.pt60 { padding-top: 3vw; }
.pt40 { padding-top: 2vw; }
.pt30 { padding-top: 1.5vw; }
.pt20 { padding-top: 1vw; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f40 { font-size: 2vw; }
.f48 { font-size: 2.4vw; }
.f65 { font-size: 3.25vw; }
.f72 { font-size: 3.6vw; }
.f100 { font-size: 5vw; }
input, textarea, button { font-family: "微软雅黑"; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }

/*img { width: 100%; vertical-align: top; }*/
.main { margin-right: auto; margin-left: auto; padding-left: 10%; padding-right: 10%; overflow:hidden;}

@media screen and (max-width: 1550px) and (min-width:0) {
body { font-size: 16px; line-height: 2; }
.f14 { font-size: 12px; }
.f16 { font-size: 14px; }
.f18 { font-size: 16px; }
.f20 { font-size: 18px; }
.f22 { font-size: 19px; }
.f24 { font-size: 20px; }
.f26 { font-size: 22px; }
.f28 { font-size: 24px; }
.f30 { font-size: 26px; }
.f32 { font-size: 28px; }
.f34 { font-size: 30px; }
.f36 { font-size: 32px; }

}
@media screen and (max-width: 1200px) and (min-width:0) {
body { font-size: 14px; line-height: 2; }
.main { padding-left: 5%; padding-right: 5%; }
.f14 { font-size: 12px; }
.f16 { font-size: 13px; }
.f18 { font-size: 14px; }
.f20 { font-size: 16px; }
.f22 { font-size: 17px; }
.f24 { font-size: 18px; }
.f26 { font-size: 20px; }
.f28 { font-size: 22px; }
.f30 { font-size: 24px; }
.f32 { font-size: 26px; }
.f34 { font-size: 28px; }
.f36 { font-size: 30px; }
}

.top_up{ width:100%; height:2vw; border-bottom:1px #eaeaea solid; background:#f8f8f8;}
.top_up_left{width:70%; height:2vw; float:left; text-align:left; color:#666; font-size:14px; line-height:2vw; text-indent:20px;}
.top_up_right{width:23%; height:34px; float:right; color:#666; font-size:14px; overflow:hidden;}
.top_up_right a {width:80px; height:34px;color:#666; line-height:34px; }
.top_up_right a:link{  text-align:center; float:right; color:#666;}
.top_up_right a:hover{color:#fff;background:#4990fc; }
        /******header**********/
.phom { display: none; }
header { width: 100%; height:8vw; position:fixed; left:0; top:0; z-index:100; background:url(../image/top.png) repeat;}
header .head { width: 88%; margin: 0 auto; height: 6vw; }
header .head .logo { width:auto; overflow: hidden; display: block; float: left; height:3vw; margin-top:1.5vw;}
header .head .logo a { display: block;}
header .head .logo a img{ width: auto; height:3vw; max-width: 100%; max-height: 100%;}


/*search*/
header .head .sea { width:5.3%; display:block; float: right; height:1.9vw; line-height:1.9vw; color:#2a4fa3; border:1px #2a4fa3 solid; margin-top:2vw; cursor: pointer; text-align:center;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
header .head .sea span{ margin-right:5px;}
header .head .search { display: none; position: absolute; right: 0; top:6vw; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
header .head .search .satr { width: 600px; height: 90px; margin: 10% auto 0 auto; position: relative; }
header .head .search .satr em { position: absolute; right: 10px; top: -30px; z-index: 10; }
header .head .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
header .head .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; margin-top: 30px; font-size: 20px; }
header .head .search .sousuo { width: 60px; height: 60px; background:url(../image/ser_btn.png) no-repeat center #2a4fa3; border: 0; float: left; margin-top: 30px; }
header .head .phone{ width:17%; overflow:hidden; float:right; margin-top:2vw; line-height:normal; margin-right:10px;} 
header .head .phone dt{ width:14%; overflow:hidden; float:left;}
header .head .phone dd{ width:80%; overflow:hidden; float:right;}
header .head .phone dd span{ display:block;}
header .head .phone dd p{ color:#2a4fa3; font-family:"Arial Black", Gadget, sans-serif;}

header .head .menu { width: 48%; height:6vw; float: right; margin-right:10px; }
header .head .menu li { position: relative; float: left; display: inline; width: 16.66%; text-align: center; }
header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 6vw; line-height: 6vw; background:url(../image/na.png) no-repeat center bottom; }
header .head .menu li a.navhover, header .head .menu li a.xialaguang:hover { cursor: pointer; color: #2a4fa3; background:url(../image/nb.jpg) no-repeat center bottom; }
header .head .menu ul.children { display: none; position: absolute; top: 6vw; left: 0; width: 100%; line-height: normal; z-index: 9999; }
header .head .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #3868d7 solid; margin: 0; }
header .head .menu ul.children li a { overflow: hidden; display: block; padding: 10px; background: #2a4fa3; color: #FFF; border-top: 1px #273f76 solid; }
header .head .menu ul.children li a:hover { color: #FFF; background: #4176ee; }
header .head .logor{ display:none;}

/*clone*/
header.clone { height:96px; display: table-cell; vertical-align: middle; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 100; background:#FFF; }
header.clone .head{ height: 60px; }
header.clone .head .logo { display:none;}
header.clone .head .menu { height:60px; }
header.clone .head .menu li a.xialaguang { height:60px; line-height:60px;}
header.clone .head .menu ul.children { top: 60px; }
header.clone .head .logor{ width:auto; display:block; height:50px; float:left; overflow:hidden; margin-top:5px;}
header.clone .head .logor img{ width: auto; height:50px; max-width: 100%; max-height: 100%;}
header.clone .head .sea { height:30px; line-height:30px; margin-top:15px; }
header.clone .head .search { top:60px; }
header.clone .head .phone{ width:17%; margin-top:10px;} 
header.clone .head .phone dt{ width:14%; float:left;}
header.clone .head .phone dd{ width:80%; float:right;}



@media screen and (max-width: 1550px) and (min-width:0) {
header .head, .lxwm .lxwm_bo{ width: 94%; }
}

@media screen and (max-width: 1200px) and (min-width:0) {
header .head .phone{ width:18%; margin-right:5px; margin-top:1.5vw;} 

header .head .phone dt, header.clone .head .phone dt{ width:10%;}
header .head .phone dd, header.clone .head .phone dd{ width:86%;}
header .head .menu { width: 49%;}
header.clone .head .phone{ width:18%;}
.top_up_left{font-size:.1em;}
}




/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
body { font-size: 14px; }
.phom { display: block; }
header, header.clone { display: none }
.topby { height:50px; }
img{ width: auto; height:auto; max-width: 100%; max-height: 100%;}

.pt80 { padding-top:50px; }
.pt60 { padding-top:40px; }
.pt40 { padding-top:30px; }
.pt30 { padding-top:20px; }
.pt20 { padding-top:15px; }
.f14 { font-size: 12px; }
.f16 { font-size: 13px; }
.f18 { font-size: 14px; }
.f20 { font-size: 16px; }
.f22 { font-size: 18px; }
.f24 { font-size: 20px; }
.f26 { font-size: 21px; }
.f28 { font-size: 22px; }
.f30 { font-size: 24px; }
.f32 { font-size: 26px; }
.f34 { font-size: 27px; }
.f36 { font-size: 28px; }
.f40 { font-size: 30px; }
.f48 { font-size: 38px; }
.f65 { font-size: 42px; }
.f72 { font-size: 50px; }
.f100 { font-size: 60px; }



/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header { width: 100%; height:49px; background: #fff; position: fixed; top: 0px; left: 0px; z-index: 9999; overflow: hidden; border-bottom: 1px #eee solid; }
.sp_header .sp_logo { width: auto; float: left; height:30px; padding:10px 0 0 5%; }
.sp_header .sp_logo img { height: 30px; }
.sp_header .sp_nav { width: 34px; float: right; position: relative; cursor: pointer; height: 34px; margin-top: 7px; z-index: 0; background: #2a4fa3; margin-right: 5%; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.sp_header .sp_nav span { display: block; background: #fff; width: 12px; height: 2px; position: absolute; left: 11px; transition: all ease 0.35s }
.sp_header .sp_nav span:nth-of-type(1) { top: 12px; }
.sp_header .sp_nav span:nth-of-type(2) { top: 16px; }
.sp_header .sp_nav span:nth-of-type(3) { top: 20px; }
.sp_header .sp_nav_se span:nth-of-type(1) { top: 15px; transform: rotate(45deg) }
.sp_header .sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_header .sp_nav_se span:nth-of-type(3) { top: 15px; transform: rotate(-45deg) }
.sea { float: right; height: 50px; line-height: 50px; margin-right: 20px; cursor: pointer; }
.sea span { height: 50px; line-height: 50px; margin-right:5px; }
.sea i{ font-size: 18px;}
.search { position: fixed; z-index: 9; background: rgba(0, 0, 0, .8); width: 100%; height: 100%; top: 0; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; display: none; }
.satr { width: 90%; height: 40px; margin: 10% auto 0 auto; position: relative; }
.satr em { position: absolute; right: 10px; top: -10px; z-index: 10; }
.satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.satr .sousuo1 { width: 75%; height: 40px; line-height: 40px; border: 0; padding-left: 5%; background: #FFF; float: left; margin-top: 40px; font-size: 14px; }
.sousuo { width: 20%; height: 40px; background: url(../image/ser.png) no-repeat center #2a4fa3; border: 0; float: left; margin-top: 40px; }
.sjj_nav { position: fixed; z-index: 99999; background: rgba(0, 0, 0, .8); width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 2.5rem; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 50px; }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav ul li .sp_nav_xjb { position: absolute; top: 5px; right: 0px; border-left: 1px rgba(255, 255, 255, .8) solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li .sp_nav_xjb svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px rgba(255, 255, 255, .8) solid; margin: 0 20px; position: relative; line-height: 40px; font-size: 14px }
.sjj_nav>ul >li:last-child { border-bottom: 1px rgba(255, 255, 255, .8) solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #FFF; width: 80% }
.sjj_nav ul li ul li a { color: #efeded; display: block; text-align: left; font-size: 12px; }
.sjj_nav ul li .sp_nav_xjb svg { width: 20px; height: 20px; fill: #FFF; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #2a4fa3; }
.sjj_nav ul li ul li>ul { margin-left: 10px }